<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>纷羽の小窝</title>
  <style type="text/css" rel="stylesheet">
    * {
      padding: 0;
      margin: 0;
    }

    .noscript {
      position: absolute;
      background-color: #ffffff;
      background-image: url("<%= BASE_URL %>kanban.jpg");
      background-position: right bottom;
      background-size: 30% auto;
      height: 95vh;
      margin-left: 10%;
      margin-top: 5vh;
      width: 90%;
      background-repeat: no-repeat;
    }
    @media (max-width:640px){
      .noscript{
        height: 100vh;
        width: 100%;
        margin: 0;
        background-size: auto 45%;
      }
    }
  </style>
</head>

<body>
  <!--[if lte IE 11]>
    <div class="noscript">
      <p>I'm sorry about this page can not use in IE</p>
      <p>非常抱歉，请您不要使用IE浏览器打开次网页</p>
      <p>私は非常に申し訳ありません、次のページを開くためにIEのブラウザを使用しないでください。</p>
    </div>
  <![endif]-->
  <noscript>
    <div class="noscript">
      <p>Welcome To My Home,But I'm sorry about that this page must need script</p>
      <p>非常抱歉，请您启用script脚本后刷新页面</p>
      <p>すみません,スクリプトスクリプトを有効にした後、ページを更新してください</p>
    </div>
  </noscript>
  <div id="app"></div>
</body>

</html>